import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 导入全局样式表
import './assets/css/global.css'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI); 

// 发起网络请求需要在全局···，然后把它挂载到vue的原型上，这样的话每一个vue的组件都可以通过this直接访问到$http，从而去发起ajax请求
import axios from 'axios'
// 请求的根路径
axios.defaults.baseURL = 'http://localhost:8888/api/private/v1'
// 挂载到原型对象之前可以先设置一个拦截器
axios.interceptors.request.use(config => {
  // 这时候我们发现config里并没有Authorization这个属性，我们赋予它
  // console.log(config);
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 再最好return config是固定写法
  return config
})
Vue.prototype.$http = axios   // 挂载到原型对象

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
